<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>妙味课堂 - 作品 javascript培训|前端开发|javascript教程|javascript基础|javascript入门</title>
<meta name="robots" content="all" />
<link href="/safeai/css/component/miaov/miaov.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="/safeai/js/component/miaov/miaov.js"></script><script type="text/javascript">

var g_miaovCommon_showPopupListen1='试听内容：';
var g_miaovCommon_showPopupConsulting1='咨询内容：';
var g_miaovCommon_showPopupSuggestion1='意见详情：';
var g_miaovCommon_showPopupApply1='咨询内容：';
var g_miaovCommon_initPopupAjaxSubmit1="请填写您的姓名";
var g_miaovCommon_initPopupAjaxSubmit2="请填写您的联系方式";
var g_miaovCommon_initPopupAjaxSubmit3="请填写您的留言内容";
var g_miaovCommon_initPopupAjaxSubmit4="请填写您的留言类别";
var g_miaovCommon_initPopupAjaxSubmit5='课程ID';
var g_miaovCommon_initPopupAjaxSubmit6='提交';
var g_miaovCommon_initPopupAjaxSubmit7='正在提交...';
var g_miaovCommon_initPopupAjaxSubmit8='感谢您的提交';
var g_message_addMessageDirect1='妙味课堂回复：';
var g_message_doSubmit1="请填写标题";
var g_message_doSubmit2="请填写您的姓名";
var g_message_doSubmit3="请填写您的QQ";
var g_message_doSubmit4="请填写您留言的内容";

function pageInit()
{
	var arrImagePaths=[];
	var oImgViewer=null;
	
	var i;
	
	initNav();
	initPpt();
	initToTop();
	
	//照片墙
	for(i=0;i<23;i++)
	{
		arrImagePaths[i]={};
		arrImagePaths[i].alt='作品'+i;
		arrImagePaths[i].src="/safeai/images/imgViewerImages/"+(i+1)+".png";
	}
	
	arrImagePaths[0].info="ECMall网上商城官网，是2009年在上海商派（ShopEx）时的工作任务，那时初学AS3，小小尝试了一下，感觉很8错。<a href='http://ecmall.shopex.cn/' target='_blank'>>>链接地址</a>";
	arrImagePaths[1].info="维度（2008年～2009年），精彩纷呈而又遗憾重重的一段工作经历。个中滋味只有当年的维度团队成员才能品尝。<br /><a href='miaov_work/vdoing/vdoing.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[2].info="ECMall网上商城产品，2009年在上海商派（ShopEx）时的工作。整站采用模块式布局，CSS样式表也有相当细致的管理。<a href='miaov_work/ecmall/ecmall.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[3].info="ECMall用户中心系列页面，2009年在上海商派（ShopEx）时的工作。页面都有N多模板，是典型的更换皮肤的网站项目。<a href='miaov_work/ecmall_shop/ecmall_shop.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[4].info="雷搜网站，2008年还在科尔威视时的工作任务，是一个视频搜索网站。<br /><a href='miaov_work/leexoo/leexoo.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[5].info="留学e网，2009年5月份为朋友公司进行了一次网站前端重构，页面数超过60个，制作时间一个月左右。<br /><a href='miaov_work/eduwo/eduwo.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[6].info="妙味课堂2010年天津公开课网站，准备去天津大学、南开大学、滨海学院做演讲用的临时网站。<br /><a href='miaov_work/miaov_tj/miaov_tj.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[7].info="妙味课堂网站2009年版本首页，是设计师朋友曹骏先生的作品，非常感谢他为我们设计的VI系列。<br /><a href='miaov_work/miaov_09/miaov_09.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[8].info="妙味课堂网站2009年版本，页面风格趋向简洁，大量使用JQuery技术。<br /><a href='miaov_work/miaov_09_1/course.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[9].info="妙味课堂网站2008年版本，早期为了追求UI质感，使用了大量PNG图片，从而拉开了与IE6殊死搏斗的大战序幕。<br /><a href='miaov_work/miaov_08/index.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[10].info="Jurlique 项目是与上海的一位朋友通过远程的方式操作执行，页面数20个左右，制作时间一周左右。<br /><a href='http://www.jurlique.com.cn/' target='_blank'>>>链接地址</a>";
	arrImagePaths[11].info="Matrix 项目是与上海的一位朋友通过远程的方式操作执行，页面数超过60个，经反复修改，一个月左右时间完成。<br /><a href='http://www.matrix.com.cn/' target='_blank'>>>链接地址</a>";
	arrImagePaths[12].info="般固（Banggoo）网站，从网站策划、设计、制作、后台整个过程全执行，网站虽小，修改时间旷日持久，历时二个月完成。<a href='http://banggoo.cn/' target='_blank'>>>链接地址</a>";
	arrImagePaths[13].info="酷6巨场，用了模块化布局思路对其页面进行架构。后因客户公司技术人员看不明白CSS样式表而废弃不用。小小鄙视之～<a href='miaov_work/ku6/index.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[14].info="品牌行，是2007年的一个老作品。当时刚学XHTML+CSS的作品。勉强能兼容各浏览器。CSS重用性与标签合理性不高。<a href='miaov_work/pinpaixing/index.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[15].info="武教国际，是2007年的一个老作品，那时很迷恋FLASH效果，喜欢把FLASH安到网站的各个地方，开花结果～<br /><a href='miaov_work/wujiaoguoji/index.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[16].info="阳光相互保险，是2007年的一个老作品，对a链接的hover效果可谓喜爱之至，网站制作时到处都是它的踪影。<br /><a href='miaov_work/yangguangbaoxian/index.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[17].info="找小说，2007年帮朋友设计并制作的一个老作品。通过制作这些网站，积累不少项目经验。<br /><a href='miaov_work/zhaoxiaoshuo/html/index.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[18].info="中国城市规划年会，2009年帮朋友设计的一个网站界面。网站设计没有什么亮点，毕竟不是设计出身。<br /><a href='miaov_work/tianjin/index.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[19].info="给腾讯制作的一个专题页，需求居然是要用TABLE来布局，目的是编辑们好修改内容，囧～<br /><a href='miaov_work/qq/index.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[20].info="Garnier（卡尼尔）项目是2010年7月与上海的一位朋友通过远程的方式操作执行，页面数量超过50个，不过至今仍未上线。<a href='miaov_work/garnier/garnier.html' target='_blank'>>>链接地址</a>";
	arrImagePaths[21].info="HH项目是2010年7月与上海的一位朋友通过远程的方式操作执行，很感谢上海的这位朋友推荐这么多项目与我们合作。<br /><a href='http://hh.theredmind.com/wanted2010/' target='_blank'>>>链接地址</a>";
	arrImagePaths[22].info="cohr 是大学里的一个练习作品。<br /><a href='http://www.cohr.cn/' target='_blank'>>>链接地址</a>";
	
	oImgViewer=new ImgViewer(arrImagePaths, document.getElementById('img_viewer'));
	oImgViewer.gotoImg(Math.ceil(arrImagePaths.length/2));
}
</script>
</head>

<body onload="pageInit()">

<div id="top_bg">
    <div id="footer_bg">
        <h1 title="妙味课堂 - 带你享受极富人情味的IT培训体验"><a href="index.html.php"><img src="images/logo.png" alt="妙味课堂-" /></a></h1>
        <div id="main_module">
			<div id="nav">
	<ul id="nav_ul">

		<li><a href="index.html.php">首页</a></li>
		<li><a href="course.html.php">课程设置</a></li>
		<li><a href="work.html.php">作品</a></li>
		<li><a href="about.html.php">关于我们</a></li>
		<li><a href="message.html.php">在线留言</a></li>
		<li><a href="http://bbs.miaov.com/">妙味茶馆</a></li>

	</ul>
	<div id="nav_active" style="z-index:3; overflow:hidden; height:58px; left:200px;">
		<ul id="nav_active_ul" style="position:absolute; top:2px; left:-200px;">
			<li class="active"><a href="index.html.php">首页</a></li>
			<li class="active"><a href="course.html.php">课程设置</a></li>
			<li class="active"><a href="work.html.php">作品</a></li>
			<li class="active"><a href="about.html.php">关于我们</a></li>

			<li class="active"><a href="message.html.php">在线留言</a></li>
			<li class="active"><a href="">妙味茶馆</a></li>
		</ul>
	</div>
</div>
<script type="text/javascript">checkHost();
</script>            <div id="search">
	<form  method="get" target="_blank">
		<span>Search</span>

		<input class="text" type="text" name="s" />
		<input class="btn_normal" onmouseover="this.className='btn_active'" onmouseout="this.className='btn_normal'" type="submit" value="" />
		<input type="hidden" name="x" value="17" />
		<input type="hidden" name="y" value="21" />
	</form>
</div>            <div id="power_point">
	<div class="btn">
		<div id="prev" class="prev_normal" onmouseover="this.className='prev_active'" onmouseout="this.className='prev_normal'">PREV</div>

		<div id="next" class="next_normal" onmouseover="this.className='next_active'" onmouseout="this.className='next_normal'">NEXT</div>
        <div class="btn_bg"></div>
	</div>
	<ul>
		<li><img id="pptImg" src="images/power_point_pic/1.png" alt="妙味课堂1" /></li>
	</ul>
</div>        </div>

        <div id="sitepath">当前位置：<a href="index.html.php">首页</a> > 作品</div>

        <div id="main">
            <div id="main_top"></div>

            <div id="slide_play">

                <div id="img_viewer" class="wrap">
                </div>
            </div>
        </div>

        <div id="main_footer"></div>
        <div id="footer">
	<a href="index.html.php">首页</a> |
	<a href="course.html.php">课程设置</a> |
	<a href="about.html.php">关于我们</a> |
	<a href="contact.html.php">联系我们</a> |
	<a href="message.html.php">在线留言</a> |
	<a href="job.html.php">加入我们</a> |
	<a href="message.html.php">常见问题</a><br />

</div>    </div>
</div>

</body>
</html>